$(function() {
//		$(".topNav .userName").mouseover(function() {
//				$(this).find(".Signout").show();
//			})/*.mouseout(function() {
//				$(this).find(".Signout").hide();
//			});*/
			$("#userName").mouseover(function() {
				$(".Signout").show();
			}).mouseout(function() {
				setTimeout('$(".Signout").hide()',2000);
			});
//			$(".topNav .Signout em").click(function() {
//				$(this).parent().hide();
//			});
			/*选择用户时候所有人和单个用户图片切换*/
			$('.box span').click(function(){
				$(this).parent().toggleClass('current').siblings().removeClass('current');
			});
			
			/*tab切换*/
			$('.showContent .responsive .tableUl li').click(function(){
				$(this).addClass('active').siblings().removeClass('active');
				var index = $(this).index();
				$('.responsive .content div').each(function(){$(this).hide()});
				$('.responsive .content div').eq(index).css("display","block");
			});
			
			/*消息条-查看详情*/
			$("#seeDetail").click(function() {
				$(".detailPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".detailPop .close").click(function() {
				$(".detailPop").hide(500);
				$("body").removeClass("overHiden");
			});
			/*消息条-新增*/
			$("#temporaryAdd").click(function() {
				$(".temporaryAddPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".temporaryAddPop .close").click(function() {
				$(".temporaryAddPop").hide(500);
				$("body").removeClass("overHiden");
			});
			/*消息条-上传文件*/
			$(".uploadBtn").click(function() {
				$(".uploadPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".uploadPop .close").click(function() {
				$(".uploadPop").hide(500);
				$("body").removeClass("overHiden");

			});
			/*综合响应区-添加临时讨论*/
			$("#addDiscuss").click(function() {
				$(".discussPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".discussPop .close").click(function() {
				$(".discussPop").hide(500);
				$("body").removeClass("overHiden");
			});
			
			/*发布操作*/
			$("#fabu").click(function() {
				$(".fabuPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".fabuPop .close").click(function() {
				$(".fabuPop").hide(500);
				$("body").removeClass("overHiden");
			});
			/*任务详情*/
			$("#taskpop").click(function() {
				$(".taskPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".taskPop .close").click(function() {
				$(".taskPop").hide(500);
				$("body").removeClass("overHiden");
			});
			
			/*任务详情*/
			$("#actionPop").click(function() {
				$(".actionPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".actionPop .close").click(function() {
				$(".actionPop").hide(500);
				$("body").removeClass("overHiden");
			});
			/*资源申请详情弹框*/
			$("#ziyuanPop").click(function() {
				$(".ziyuanPop").show(500);
				$("body").addClass("overHiden");
			});
			$(".ziyuanPop .close").click(function() {
				$(".ziyuanPop").hide(500);
				$("body").removeClass("overHiden");
			});
			
			/*系统日志*/
			$(".log .title span").click(function() {
				$(".log").hide();
			});

			var showHei = $(".showContent").height();
			var height = $(window).height();
			$(".dispatchLeft").css("height", height - 78);

			
			
			
			function a() {
				$("#eventFlow").addClass("active");
				$(".eventFlow").css("visibility", "visible");
			};

			function b() {
				$("#videoShow").addClass("active");
				$(".videoShow").css("visibility", "visible");
			};

			function c() {
				$("#newShow").addClass("active");
				$(".newShow").css("visibility", "visible");
			};

			function d() {
				$("#responsive").addClass("active");
				$(".responsive").css("visibility", "visible");
			};

			function g() {
				$("#message").addClass("active");
				$(".message").css("visibility", "visible");
			};

			function k() {
				$("#userMonitoring").addClass("active");
				$(".userMonitoring").css("visibility", "visible");
			};
			
			function aa() {
				$("#eventFlow").removeClass("active");
				$(".eventFlow").css("visibility", "hidden");
			};

			function bb() {
				$("#videoShow").removeClass("active");
				$(".videoShow").css("visibility", "hidden");
			};

			function cc() {
				$("#newShow").removeClass("active");
				$(".newShow").css("visibility", "hidden");
			};

			function dd() {
				$("#responsive").removeClass("active");
				$(".responsive").css("visibility", "hidden");
			};

			function gg() {
				$("#message").removeClass("active");
				$(".message").css("visibility", "hidden");
			};
			
			function kk() {
					$("#userMonitoring").removeClass("active");
					$(".userMonitoring").css("visibility", "hidden");
				};
			
			/*事件流*/
			$("#eventFlow").click(function() {
				if($(this).hasClass('active')) {
					aa();
				} else {
					a();
				}
			});
			$(".eventFlow .close").click(function() {
				aa();
			});


			$("#videoShow").click(function() {
				if($(this).hasClass('active')) {
					bb();
				} else {
					b();
				}
			});
			$(".videoShow .close").click(function() {
				bb();
			});


			$("#newShow").click(function() {
				if($(this).hasClass('active')) {
					cc();
				} else {
					c();
				}
			});
			$(".enlarge").click(function() {
			 		$(".newShow").css({
			 			"width": "100%",
			 			"position": "absolute",
			 			"top": "11px",
			 			"left": "-8px",
			 			"height": showHei
			 		});
			 		$(this).css("display","none");
			 		$(".enlarge00").css("display","block")
			 		$(".newShow .newTable").parent("div").css("max-height",showHei - 50);
			 	});
			 	$(".enlarge00").click(function() {
			 		$(".newShow").css({
			 			"width": "74%",
			 			"top": "11px",
			 			"left": "452px",
			 			"height": "380px"
			 		});
			 		$(this).css("display","none");
			 		$(".enlarge").css("display","block")
			 		$(".newShow .newTable").parent("div").css("max-height","340px");
			 	});
			$(".newShow .narrow").click(function() {
				cc();
			});


			$("#responsive").click(function() {
				if($(this).hasClass('active')) {
					dd();
				} else {
					d();
				}
			});
			$(".enlarge2").click(function() {
			 		$(".responsive").css({
			 			"width": "100%",
			 			"position": "absolute",
			 			"top": "11px",
			 			"left": "-8px",
			 			"margin-top": "0px",
			 			"height": showHei
			 		});
			 		$(this).css("display","none");
			 		$(".enlarge22").css("display","block");
			 		$(".responsive .newTable").parent("div").css("max-height",showHei - 90);
			 	});
			 	$(".enlarge22").click(function() {
			 		$(".responsive").css({
			 			"width": "50%",
			 			"top": "403px",
			 			"left": "0px",
			 			"height": "380px"
			 		});
			 		$(this).css("display","none");
			 		$(".enlarge2").css("display","block")
			 		$(".responsive .newTable").parent("div").css("max-height","305px");
			 	});
			$(".responsive .narrow2").click(function() {
				dd();
			});


			$("#message").click(function() {
				if($(this).hasClass('active')) {
					gg();
				} else {
					g();
				}
			});
			$(".enlarge3").click(function() {
			 		$(".message").css({
			 			"width": "100%",
			 			"position": "absolute",
			 			"top": "11px",
			 			"left": "-8px",
			 			"margin-top": "0px",
			 			"height": showHei
			 		});
			 		$(".inputnewR").css("height",showHei - 64);
			 		$(".inputnewL").css("height",showHei - 50);
			 		$(".messAll").css("height",showHei - 300);
			 		$(".messInput").css("height",showHei - 650);
			 		$(this).css("display","none");
			 		$(".enlarge33").css("display","block");
			 		$(".message .newTable").parent("div").css("max-height",showHei - 100);
			 	});
			 		$(".enlarge33").click(function() {
			 		$(".message").css({
			 			"width": "49.5%",
			 			"top": "403px",
			 			"left": "900px",
			 			"height": "380px"
			 		});
			 		$(".inputnewL").css("height","375px");
			 		$(".inputnewR").css("height","317");
			 		$(".messAll").css("height","162px");
			 		$(".messInput").css("height","60px");
			 		$(this).css("display","none");
			 		$(".enlarge3").css("display","block");
			 		$(".message .newTable").parent("div").css("max-height","300px");
			 	});
			$(".message .narrow3").click(function() {
				gg();
			});
			$("#userMonitoring").click(function() {
				if($(this).hasClass('active')) {
					kk();
				} else {
					k();
				}
			});
			$(".userMonitoring .narrow4").click(function() {
				kk();
			});
		});

		/*拖拽*/
		$(function() {
			var flag = false;
			var w = $(".showContent").width();
			var h = $(".showContent").height();
			
			$(".showContent").children().mousedown(function(){
				$(this).css("z-index","100").siblings().css("z-index","9")
			});
		});

		(function($)

			{
				$.extend({
					mouseCoords:function(ev){
						if(ev.pageX || ev.pageY){
							return {x:ev.pageX, y:ev.pageY};
						}
						return {
							x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
							y:ev.clientY + document.body.scrollTop  - document.body.clientTop
						};
					},
					getStyle:function(obj,styleName)
					{
						return obj.currentStyle ? obj.currentStyle[styleName] : document.defaultView.getComputedStyle(obj,null)[styleName];
					}
				});		
				$.fn.dragDrop = function(options)
				{
					var opts = $.extend({},$.fn.dragDrop.defaults,options);
					return this.each(function(){
						var bDraging = false;   
						var moveEle = $(this);
						var focuEle = opts.focuEle ? $(opts.focuEle,moveEle) : moveEle ;
						if(!focuEle || focuEle.length<=0)
						{
//							alert('focuEle is not found! the element must be a child of '+this.id);
							return false;
						}				
						var dragParams = {initDiffX:'',initDiffY:'',moveX:'',moveY:''};  
						moveEle.css({'position':'absolute','left':options.x,'top':options.y});
						focuEle.bind('mousedown',function(e){				
							bDraging = true;
							moveEle.css({'cursor':'move'});
							if(moveEle.get(0).setCapture)
							{  
								moveEle.get(0).setCapture();  
							} 
							dragParams.initDiffX = $.mouseCoords(e).x - moveEle.position().left;
							dragParams.initDiffY = $.mouseCoords(e).y - moveEle.position().top;
						});
						focuEle.bind('mousemove',function(e){
							if(bDraging)
							{	
								dragParams.moveX = $.mouseCoords(e).x - dragParams.initDiffX;
								dragParams.moveY = $.mouseCoords(e).y - dragParams.initDiffY;
								if(opts.fixarea)
								{
									if(dragParams.moveX<opts.fixarea[0])
									{
										dragParams.moveX=opts.fixarea[0]
									}
									if(dragParams.moveX>opts.fixarea[1])
									{
										dragParams.moveX=opts.fixarea[1]
									}
									if(dragParams.moveY<opts.fixarea[2])
									{
										dragParams.moveY=opts.fixarea[2]
									}
									if(dragParams.moveY>opts.fixarea[3])
									{
										dragParams.moveY=opts.fixarea[3]
									}
								}
								if(opts.dragDirection=='all')
								{
									moveEle.css({'left':dragParams.moveX,'top':dragParams.moveY});
								}

								else if (opts.dragDirection=='vertical')
								{
									moveEle.css({'top':dragParams.moveY});
								}
								else if(opts.dragDirection=='horizontal')
								{
									moveEle.css({'left':dragParams.moveX});
								}
								if(opts.callback)
								{
									opts.callback.call(opts.callback,dragParams);
								}
							}
						});
						focuEle.bind('mouseup',function(e){
							bDraging=false;
							moveEle.css({'cursor':'default'});
							if(moveEle.get(0).releaseCapture)
							{
								moveEle.get(0).releaseCapture();
							}
						});
					});
				};
				$.fn.dragDrop.defaults = 
				{
					focuEle:null,			
					callback:null,			
					dragDirection:'all',   
					fixarea:null			
				};
			})(jQuery);   

		   $(function(){
				$('.eventFlow').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 0, y: 10});
				$('.videoShow').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 195, y: 10});
				$('.newShow').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 452, y: 10});
				$('.responsive').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 0, y: 393});
				$('.message').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 900, y: 393});
				$('.userMonitoring').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 400, y: 100});
				$('.log').dragDrop({fixarea:[0,$('.showContent').width()-50,0,$('.showContent').height()-50], x: 1605, y: 796});
		   });